-
  var 专题列表 = [[
    '习近平签署六十七号和六十八号主习近平签署六十七号和六十八号主',
    '李克强：涉企证照该合要合 该砍一...',
    '无处遁形！中国公布22名红通人员...',
    '他是反腐剧中赵瑞龙的原型 仨爹已...',
    '谷歌卫星地图威胁中国安全？国家...',
  ],[
    '美联航与遭暴力拖拽乘客和解 赔偿...',
    '21省出台出租车改革意见',
    '五一前中纪委点名这些人:紧盯节日...',
    'Master architect IM Pei celebrates',
    `China's achievements in space`,
  ],[
    '中상하이 디즈니랜드, 새로운 상업 ...',
    'China to continue escort mission...',
    'China to regroup PLA Army',
    '職員の懲戒処分について',
    '第４四半期業務報告',
  ],[
    '進展なるか北方領土',
    '李克强：涉企证照该合要合 该砍一...',
    '緊迫 北朝鮮情勢',
    'フランス大統領選挙２０１７',
    '재판이 5일 앞인데, 변호인단 선임 ...',
  ]]

mixin nav-a(isbtn)
  .m-nav-a(class={'m-nav-btn': isbtn})
    .item(onclick=`location.href = '舆情搜索结果.html'`, class={active: '全网' == title})
      .i(class='yq')
      | 全网
    .item(onclick=`location.href = '专题列表.html'`, class={active: '专题列表' == title})
      .i(class='list')
      | 专题列表
    .item(onclick=`location.href = '下载中心.html'`, class={active: '下载中心' == title})
      .i(class='dw')
      | 下载中心
    .item.kw(onclick=`location.href = '关键词设置.html'`, class={active: '关键词设置' == title})
      .i(class='kw')
      | 关键词设置
    .item.collect(onclick=`location.href='黑名单.html'`,class={active:'黑名单' == title})
      .i(class='bw')
      | 黑名单
    .item.collect(onclick=`location.href='个人收藏.html'`,class={active:'个人收藏' == title})
      .i(class='cw')
      | 个人收藏
    .item.usr(class={active: '用户信息' == title})
      .i(class='user')
      | 张三
      .drop
        a(href="用户管理.html") 个人中心
        a(href="javascript:$('.m-fwin-passwd').show();") 修改密码
        a(href="登录.html") 退出

mixin topic-item-4(istopicku)
  each list in 专题列表
    .m-topic-item
      .head
        if istopicku
          .title
            +checkbox
              .title 专题标题专题标题专题标题专题标题
        else
          a.title(href="专题详情.html") 专题标题专题标题专题标题专题标题
        .closeBtn(onclick="alert('删除了一个专题！')")
        .num 相关：
          span.hl(title="3222235条") 3222235条
      .body
        .desp 所谓专题，是指针对某个特定对象而特别收集制作而成的一种集中作品，这个对象可以是具体的某个人物或者某个事物，也可以是某个抽象的范围或者领域。
        each line, index in list
          .line
            .num(class={active: index < 3})= index + 1
            a.cont(href="信息详情.html")= line

mixin formline(t, n, ph, pw, ec)
  .m-formline
    .label= t
    input.m-text(type=(pw ? "password" : "text"), class=ec, name=n, placeholder=ph)

mixin checkbox
  label.checkbox
    input(type="checkbox")&attributes(attributes)
    .img
    block

mixin radioT(c)
  label.radio.tab
    input(type="radio")&attributes(attributes)
    .cont= c

mixin radioL(c)
  label.radio.lab
    input(type="radio")&attributes(attributes)
    .cont= c

mixin radioC(c)
  label.radio.lst
    input(type="radio")&attributes(attributes)
    .cont= c

mixin pagenum
  - var n = 6
  .m-pagenum
    a.sunAll 找到
      span.sumnum 70,766,944
      span 条结果
    while n --> 0
      a.num(href='#', class={active: n == 5})= 6 - n
    a.next(href='#') 下一页

mixin fwin(name, title)
  - var c = `m-fwin-${name}`
  .m-fwin(class=c)
    .fwin
      .head
        .title= title
        .i.close(onclick=`$('.${c}').hide()`)
      .body
        block

mixin fwin-btns(name)
  - var c = `m-fwin-${name}`
  .m-btns
    button.m-btn.primary 保存
    button.m-btn.normal(onclick=`$('.${c}').hide()`) 取消
mixin search()
    .searchinfo.seresult
      .searli
        label.ico.add 
        label.ico.rel 
        label.cir (
        .m-dropdown
          button.btn
            .text 标题
            input(type="hidden",id="txt1_tem",name="txt1_tem",value="")
            img.ico
          .list
            .item 标题
            .item 内容
        input.s-input(placeholder="请输入搜索内容",id="txt1_val1",name="txt1_val1")
        .m-dropdown
          button.btn
            .text 包含
            input(type="hidden",id="txt1_bon",name="txt1_bon")
            img.ico
          .list
            .item 并含
            .item 包含
            .item 或含
        input.s-input(placeholder="请输入搜索内容",id="txt1_val2",name="txt1_val2")
        .m-dropdown
          button.btn
            .text 精确
            input(type="hidden",id="txt1_fuzzy",name="txt1_fuzzy")
            img.ico
          .list
            .item 精确
            .item 模糊
        label.cir )
      .searli
        .m-dropdown 
          button.btn
            .text 包含
            input(type="hidden",id="txt2_type",name="txt2_type")
            img.ico
          .list
            .item 并含
            .item 包含
            .item 或含
        label.cir (
        .m-dropdown 
          button.btn
            .text 标题
            input(type="hidden",id="txt2_tem",name="txt2_tem")
            img.ico
          .list
            .item 标题
            .item 内容
        input.s-input(placeholder="请输入搜索内容",id="txt2_val1",name="txt2_val1")
        .m-dropdown
          button.btn
            .text 包含
            input(type="hidden",id="txt2_bon",name="txt2_bon")
            img.ico
          .list
            .item 并含
            .item 包含
            .item 或含
        input.s-input(placeholder="请输入搜索内容",id="txt2_val2",name="txt2_val2")
        .m-dropdown
          button.btn
            .text 精确
            input(type="hidden",id="txt2_fuzzy",name="txt2_fuzzy")
            img.ico
          .list
            .item 精确
            .item 模糊
        label.cir )
      .searTime
        label 发表时间
        input.s-input.time(type="text",class="datetime", name="stime") 
        label 到
        input.s-input.time(type="text",class="datetime", name="etime") 
      .sarchBtn
        .btn.ser 检索
        .btn.slow 收起
mixin lnav()
  -
    var arr=[
              {
                name:'中国',
                cou:'zg'
              },
              {
                name:'蒙古',
                cou:'mg'
              },
              {name:'蒙古',
              cou:'mg'},
              {name:'朝鲜',
              cou:'cx'},
              {name:'韩国',
              cou:'hg'},
              {name:'日本',
              cou:'rb'},
              {name:'菲律宾',
              cou:'flb'},
              {name:'越南',
              cou:'yn'},
              {name:'老挝',
              cou:'lw'},
              {name:'文莱',
              cou:'wl'}]
  .m-lnav
    .title 网站类型
    .x-city
      each i in arr
        .x-xont(data-s=i.cou)
          span=i.name
          .x-list
            -for(var j=0;j<10;j++)
              a(href="javascript:;") 中国
    .x-dn
      - var arr="a b c d e f g h i j k l m n o p q r s t u v w x y z".split(' ')
      each v,index in arr
        a(href="javascript:;",class={active:index==0})=v
mixin lnavs()
  .m-lnav.type-lnav
    label 开始时间：
    input.s-input.time(type="text",class="datetime", name="stime") 
    label 结束时间：
    input.s-input.time(type="text",class="datetime", name="etime") 
    .tt 排序
    .l-sort
      label
        input(type="radio",name="sort")
        span 时间升序
      label
        input(type="radio",name="sort")
        span 时间降序
    .sure
      button 确定

block vars

doctype html
html(lang="zh")
  head
    meta(charset="UTF-8")
    meta(name="viewport", content="width=device-width, initial-scale=1.0")
    meta(http-equiv="X-UA-Compatible", content="ie=edge")
    title #{title} | 信息搜索平台
    link(rel="stylesheet", href="lib/flatpickr.min.css")
    link(rel="stylesheet", href="lib/themes/airbnb.css")
    link(rel="stylesheet", href="css/basic.css")
    block style
  body
    block content
    .m-foot
      | Copyright © 2013-2017 TUYIYI.COM - 信息搜索平台 - 苏ICP备12010950号-
    block tpl
    +fwin('passwd', '修改密码')
      +formline('旧密码', 'oldpass', '请输入旧密码', true)
      a.forget(href="忘记密码.html") 忘记密码?
      +formline('新密码', 'newpass0', '请输入新密码', true)
      +formline('确认密码', 'newpass1', '请再次输入密码', true)
      +fwin-btns('passwd')
    +fwin('addlist','网站添加')
      .div
        span 网站名称
        input(type="text")
      .div
        span 网站地址
        input(type="text")
      button 确定
      button(class="canel") 取消
    +fwin('blackList','新建黑名单')
      +formline('网站名称', 'website', '请输入网站名称')
      +formline('主域名', 'domain', '请输入主域名')
      +fwin-btns('blackList')
    script(src="lib/jquery.min.js")
    script(src="lib/handlebars.min.js")
    script(src="lib/flatpickr.min.js")
    script(src="lib/l10n/zh.js")
    script(src="js/basic.js")
    script(src="js/alert.js")
    block script
        